var jcrop_api;
var deleteUrl = rootPath + '/manage/courseTemplate/deleteArea/exec';
var editUrl = rootPath + '/manage/courseTemplate/editAreaProp?';
//var saveUrl = rootPath + '/manage/courseTemplate/updateAreaPos/exec';
$(function(){
	$("#element_id").Jcrop({
		onChange : function(c) {
			setCoords(c);
		},
		onSelect : function(c) {
			setCoords(c);
		},
		setSelect : [ px1, py1, px2, py2],
		allowSelect:false,
		onDblClick:function(){
			var pageii = layer.open({
				title : '图片属性编辑',
				type : 2,
				area : [ '700px', '600px' ],
				content : editUrl +'courseTemplateId='+courseTemplateId+'&posId='+posId+'&sfsf='+sfsf+'&width_bl='+width_bl+'&x1='+$('#x1').val()+'&y1='+$('#y1').val()+'&x2='+$('#x2').val()+'&y2='+$('#y2').val()
			});
		}
	},function(){
	      jcrop_api = this;
	});
	
	//保存按钮事件
	/*$('#btnSavePostion').click(function(){
		common_ajax.ajax(saveUrl, {
			x1 : $('#x1').val(),
			x2 : $('#x2').val(),
			y1 : $('#y1').val(),
			y2 : $('#y2').val(),
			posId : posId,
			courseTemplateId : courseTemplateId,
			sfsf:sfsf,
			width_bl :width_bl
		}, 'json', function(data){
			if(data){
				if(data.resultCode == '000000'){
					layer.msg("操作成功！");
					saveCropFormCallBack();
				}else{
					layer.alert('操作失败！',{icon: 5});
				}
			}
		});
	});*/
});

function setCoords(c) {
	$('#x1').val(c.x);
	$('#y1').val(c.y);
	$('#x2').val(c.x2);
	$('#y2').val(c.y2);
	$('.jcrop-tracker').attr("title","改变区域位置大小后双击区域保存修改！");
};

//获取屏幕高度,宽度  
var scr_width = window.screen.availWidth;
var scr_height = window.screen.availHeight;
function renderEvent(){
	location.href = rootPath + "/manage/courseTemplate/editCourseTemp?courseTemplateId="+courseTemplateId
		+'&screen_width='+scr_width+'&screen_height='+scr_height+'&width_bl='+width_bl;
}

//区域删除功能
function delCropInfo(){
	layer.confirm('确定要删除该区域吗？', function(index) {
		common_ajax.ajax(deleteUrl, {
			id : posId
		}, 'json', function(data){
			if(data){
				if(data.resultCode == '000000'){
					layer.msg("操作成功！");
					renderEvent();
				}else{
					layer.alert('操作失败！',{icon: 5});
				}
			}
		});
	});
}
